<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
			<div id="root"></div>
	</body>
</html>
<script src="./js/babel.min.js"></script>
<script src="./js/react.development.js"></script>
<script src="./js/react-dom.development.js"></script>

<script type="text/babel">
	let name = "白骨精";
	let eat = function(){return "躺板板，吃饭饭"}
	let xplus = <img src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" width="150"/>
	//声明一个元素
	let xx = <div>
		你好，{name}<br/>
		{1+2}<br/>
		{new Date().getTime()}<br/>
		{1+2 == 3 ?"哈哈":"呵呵"}<br/>
		{eat()}<br/>
		{{name:"jack",age:"21"}.name}<br/>
		{[...[1,2,3]]}<br/>
		{xplus
		</div>;
	let ele = document.querySelector("#root");
	
	//回忆
	ReactDOM.render(xx,ele);
	
	
</script>
